<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
<style type="text/css">
	
	#idworkContent{
		
	display: flex;	
		align-items: center;
		
	}
	#workadd{
		display: flex;
		justify-content: flex-end;
	}
	
</style>
	</head>
	<body>
		<div id="">
			<h3>工作经历</h3>
			<div id="workall">
				<div id="">
					<hr >
					
							
					公司名称：<input type="" name="" id="" value="" />
					职位：<input type="" name="" id="" value="" />
					<a href="#" onclick="del(event)">删除工作经历</a>
					<br /><br />
					<div id="idworkContent">
						工作经历描述：<textarea rows="8" cols="100">
							
						</textarea>
					</div>
					
					<hr >
				</div>
			</div>
			
			<div id="workadd">
				<a href="#" onclick="add()">添加工作经历</a>
			</div>
		</div>
	</body>
	<script type="text/javascript">
		function del(event){
			var workallbj= document.getElementById('workall')
			var deltarget = event.target.parentElement;
			workallbj.removeChild(deltarget)
		}
		function add()
		{
			var workallbj= document.getElementById('workall')
			var newdiv= document.createElement('div')
			newdiv.innerHTML=`	公司名称：<input type="" name="" id="" value="" />
					职位：<input type="" name="" id="" value="" />
					<a href="">删除工作经历</a>
					<br /><br />
					<div id="idworkContent">
						工作经历描述：<textarea rows="8" cols="100">
							
						</textarea>
					</div>
					
					<hr >`
					workallbj.appendChild(newdiv)
		}
		
		
		
	</script>
</html>












































